:root {
	--totalWid: 100vw;
	--themeColor: #00bdff;
}

html,
body {
	width: var(--totalWid);
}

/* 头部 */
header {
	position: absolute;
	top:0;
	left:0;
	padding: 0 20px;
	width: 100%;
	height: 66px;
	background-color: #ffffff;
	border-bottom: 1px solid #ddd;
	/* 层级 */
	z-index: 40;
}

header  a {
	width: 138px;
    height: 64px;
    display: block;
}

header a h1 {
	height: 64px;
	background: url(../imgs/new-logo-white2.png) no-repeat;
}


header ul li {
	height: 66px;
	line-height: 66px;
	margin: 10px;
}

header li.active {
	border-bottom: 2px solid #00bdff;
	color:#00bdff;
	font-weight: bold;
}
header ul li a{
	text-align: center;
	display: block;
	width: 60px;
	height: 66px;
	line-height: 64px;
	color:#828282;
}


header li.active {

	border-bottom: 2px solid #00bdff;
}
header li.active a{
	color:#00bdff;
}

header div span {
	display: inline-block;
	padding: 5px 8px;
	border-radius: 15px;
	font-size: 12px;
}

header div span:first-child {
	border: 1px solid #363636;
	color:#363636;
}

header div span:last-child {
    background-color: #ed510a;
    border: 1px solid #ed510a;
    margin-right: 20px;
    
}

/* 主体 */
main {
	margin: 0;
	padding: 0;
	height: 500px;
}



/* 尾部 */
footer{
	width: 100%;
	height: 330px;
}
/* 左边列表 */
footer .footLeft{
	width: 720px;
	height: 330px;
	
}
footer .footLeft-top{
	width: 720px;
	height: 202px;
	margin-top: 50px;
}
footer .footLeft dl{
	width: 85px;
	height: 202px;
	
}
footer .footLeft-top dl dt{
	font-size: 13px;
	font-weight: bold;
	color:rgb(54, 54, 54);
	margin-bottom:30px;
}
footer .footLeft-top dl dd{
	font-size: 9px;
	color:rgb(120, 120, 120);
	margin-top:15px;
}
footer .footLeft-top dl dd:hover{
	color:var(--themeColor);

}

/* 左下logo文字 */
footer .footLeft-bottom{
	margin-top: 30px;
	/* background-color: rgb(114, 171, 250); */
	height: 20px;
	color:rgb(120, 120, 120);	
}
footer .footLeft-bottom img{
	margin-right: 10px;
}
footer .footLeft-bottom span{
	line-height: 20px;
}	


/* 右边二维码 */
.footRight{
	/* display: flex; */
	/* align-items: flex-end; */
	/* justify-content:flex-start; */
	width: 230px;
	height: 330px;
	/* background-color: rebeccapurple ; */
	flex-wrap: wrap;
	text-align: right;
}
.footRight img{
	width: 100px;
	height: 100px;
	margin: 20px 0 55px 0;
}
.footRight :first-child{
	color:rgb(54, 54, 54);
	/* display: inline-block; */
}
.footRight :nth-child(2){
	color:rgb(120, 120, 120);
	margin: 15px 0;
	/* display: inline-block; */
}

/* 回到顶部 */
#goback img{
	width: 165px;
	height: 100px;
	position: fixed;
	bottom:0;
	right:0;
	/* 先隐藏 */
	/* opacity: 0; */
}

